<template>
    <div class="culCenter">
        <!-- 头部 -->
        <InsideHeader :bannerType="bannerType"></InsideHeader>
       
        <!-- 面包屑 -->
        <!-- <crumb></crumb> -->
        <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-serveList'}">服务支持</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-culCenter'}" class="on">培训中心</nuxt-link>
                    <div class="clear"></div>
                </div>
                <div class="crumbR">
                    <nuxt-link :to="{name: 'serve-fatec'}">FATEC</nuxt-link>
                    <nuxt-link :to="{name: 'serve-learning'}">e-Learning</nuxt-link>
                    <nuxt-link :to="{name: 'serve-trainingAgencyW'}">培训机构</nuxt-link>
                    <nuxt-link :to="{name: 'serve-certificateW'}">证书查询</nuxt-link>
                    <nuxt-link :to="{name: 'serve-noticeW'}">培训须知</nuxt-link>
                    <nuxt-link :to="{name: 'serve-studyWizardW'}">学习向导</nuxt-link>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>


        <div class="culCenterTop">
           <div class="block">
               <div class="title">
                   <span>培训中心</span>
               </div>
               <div class="msg">
                <div class="left"><img src="../../static/images/servecenter.jpg"/></div>
                  <div class="left"><p>作为全球领先的FA综合产品供应商，把最新的技术与产品引介到中国是我们的责任，为客户创造价值是我们的目标，倾听客户需求、满足客户需求是三菱电机一直以来的行动。</p>
        <p>三菱电机自动化一直秉承“全面服务、客户为先”的宗旨，以客户的想法与需求为出发点，解决客户的技术与服务疑点。无论从产品选型咨询、售前技术支持，到售后技术服务，三菱电机为客户提供全方位的技术支持和服务。</p></div>
               </div>
           </div> 
        </div>
        <div class="content">
            <div class="block">
                <div class="classify ">
                    <ul class="modu">
                        <li class="left">
                            <div class="top">
                                <img src="../../static/newsImg/38.jpg" alt="最新e-learnimg课程">
                            </div>
                            <div class="bottom">
                                <div>
                                    <nuxt-link :to="{name: 'serve-learning'}">
                                        <p>最新e-learnimg课程</p>
                                    </nuxt-link>
                                </div>
                                <ul class="list">
                                    <li><a href="">e-learnimg课程</a> </li>
                                    <li><a href="">e-learnimg课程</a> </li>
                                    <li><a href="">e-learnimg课程</a> </li>
                                    <li><a href="">e-learnimg课程</a> </li>
                                   <li><a href="">e-learnimg课程</a> </li>
                                    <div class="clear"></div>
                                </ul>
                            </div>
                        </li>
                        <li class="right">
                            <div class="top">
                                <img src="../../static/newsImg/fatec.jpg" alt="最新FATEC课程">
                            </div>
                            <div class="bottom">
                                <div>
                                    <nuxt-link :to="{name: 'serve-fatec'}">
                                        <p>最新FATEC课程</p>
                                    </nuxt-link>
                                </div>
                                <ul class="list">
                                   <li><a href="">FATEC课程</a> </li>
                                    <li><a href="">FATEC课程</a> </li>
                                    <li><a href="">FATEC课程</a> </li>
                                    <li><a href="">FATEC课程</a> </li>
                                    <li><a href="">FATEC课程</a> </li>
                                    <div class="clear"></div>
                                </ul>
                            </div>
                        </li>

                        <div class="clear"></div>
                    </ul>
                </div>
            </div>
        </div>
        <div class="">
           <div class="block">
               <div class="curriList">
                   <ul class="modu">
                       <li class="left">
                           <div class="bottom">
                               <div>
                                   <nuxt-link :to="{name: 'serve-learning'}">
                                        <p>热门e-learnimg课程</p>
                                   </nuxt-link>
                               </div>
                               <ul class="list">
                                   <li><a href="">e-learnimg课程</a> </li>
                                   <li><a href="">e-learnimg课程</a></li>
                                   <li><a href="">e-learnimg课程</a></li>
                                   <li><a href="">e-learnimg课程</a></li>
                                   <li><a href="">e-learnimg课程</a></li>
                                   <div class="clear"></div>
                               </ul>
                           </div>
                       </li>
                       <li class="left">
                           <div class="bottom">
                               <div>
                                   <nuxt-link :to="{name: 'serve-fatec'}">
                                        <p>热门FATEC课程</p>
                                   </nuxt-link>
                               </div>
                               <ul class="list">
                                   <li><a href="">FATEC课程</a> </li>
                                   <li><a href="">FATEC课程</a></li>
                                   <li><a href="">FAATEC课程</a></li>
                                   <li><a href="">FATEC课程</a></li>
                                   <li><a href="">iFATEC课程</a></li>
                                   <div class="clear"></div>
                               </ul>
                           </div>
                       </li>
                       <li class="left">
                           <div class="bottom">
                               <div>
                                   <nuxt-link :to="{name: 'serve-trainingMaterials'}">
                                        <p>热门培训资料</p>
                                   </nuxt-link>
                               </div>
                               <ul class="list">
                                   <li><a href="">培训资料</a> </li>
                                   <li><a href="">培训资料</a></li>
                                   <li><a href="">F培训资料</a></li>
                                   <li><a href="">培训资料</a></li>
                                   <li><a href="">培训资料</a></li>
                                   <div class="clear"></div>
                               </ul>
                           </div>
                       </li>
                       <div class="clear"></div>
                   </ul>
               </div>
           </div>
        </div> 

        <!-- 链接 -->
        <Insidelink></Insidelink>

        <!-- 底部 -->
        <HomeHooter></HomeHooter>
    </div>
</template>

<script>
    import $ from "jquery";
    import "@/assets/css/news.css";
    import InsideHeader from "@/components/head";
    import HomeHooter from "@/components/footer";
    import crumb from "@/components/crumb";
    import Insidelink from "@/components/link";
    export default {
        name: "culCenter",
        data(){
            return{
                bannerType:'certificateW'
            }
        },
        components: {
            InsideHeader,
            HomeHooter,
            crumb,
            Insidelink,
        },
        methods:{
          //elearning课程
    elearningList() {
      let id = this.$axios,
        params = {
          page: 1,
          type: 1,
          limit: 10,
          title: ""
        };
      this.$api.serve.getTrainingPage(id, params).then(res => {
        let result = res.data;
        if (result.code === 1) {
          this.productlist = result.data.data;
        }
      });
    },
    //fatec课程
    fatecList() {
      let id = this.$axios,
        params = {
          page: 1,
          type: 1,
          limit: 10,
          title: ""
        };
      this.$api.serve.getFatecCoursePage(id, params).then(res => {
        let result = res.data;
        if (result.code === 1) {
          this.productlist = result.data.data;
        }
      });
    },
  },
  created(){
    this.fatecList();
    this.elearningList()
  }
  }
</script>

<style scoped>
.msg{
  overflow:hidden; 
}
.msg .left{
  float: left;;
  width: 47%;
  text-indent: 20px;
  font-size: 16px;
  margin-right:30px;
}
.msg .left p{
  text-indent: 20px;
}
.msg .left:last-child{
  margin-right: 0;
  float: right;
  line-height: 30px;
  padding-top: 30px;
}
.msg .left img{
  width: 100%
}
@media only screen and (max-width: 500px){
  .msg .left{
  width: 100%;
  text-indent: 0
}
.msg .left img{
  width: 100%
}
}
</style>
